<div class="layui-content">
    <div class="layui-row">
        <div class="layui-card">
            <div class="layui-card-header">用户信息</div>
            <form class="layui-form layui-card-body" action="" lay-filter="user-form" >
                <input type="hidden" id="layerIndex" value="-1">
                <input type="hidden" name="id">

                <div class="layui-form-item">
                    <label class="layui-form-label">归属机构</label>
                    <div class="layui-input-block">
                        <span id="OrgNumber" style="line-height: 40px;">无</span>
                    </div>
                </div>

                <input type="hidden" id="orgname" name="orgname" value="">

                <div class="layui-form-item">
                    <label class="layui-form-label">用户名</label>
                    <div class="layui-input-block">
                        <input type="text" name="loginName" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">密码</label>
                    <div class="layui-input-block">
                        <input type="password" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">用户姓名</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" required lay-verify="required" placeholder="用户姓名" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">电话</label>
                    <div class="layui-input-block">
                        <input type="text" name="phone" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">邮箱</label>
                    <div class="layui-input-block">
                        <input type="text" name="email" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">QQ号码</label>
                    <div class="layui-input-block">
                        <input type="text" name="qqnumber" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">地区</label>
                    <div class="layui-input-block">
                        <select name="region" lay-verify="required">
                            <option value=""></option>
                            <option value="0">北京</option>
                            <option value="1">上海</option>
                            <option value="2">广州</option>
                            <option value="3">深圳</option>
                            <option value="4">西安</option>
                        </select>
                    </div>
                </div>

               <!-- <div class="layui-form-item">
                    <label class="layui-form-label">邮箱</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">选择框</label>
                    <div class="layui-input-block">
                        <select name="city" lay-verify="required">
                            <option value=""></option>
                            <option value="0">北京</option>
                            <option value="1">上海</option>
                            <option value="2">广州</option>
                            <option value="3">深圳</option>
                            <option value="4">杭州</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">复选框</label>
                    <div class="layui-input-block">
                        <input type="checkbox" name="like[write]" title="写作">
                        <input type="checkbox" name="like[read]" title="阅读" checked>
                        <input type="checkbox" name="like[dai]" title="发呆">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">开关</label>
                    <div class="layui-input-block">
                        <input type="checkbox" name="switch" lay-skin="switch">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">单选框</label>
                    <div class="layui-input-block">
                        <input type="radio" name="sex" value="男" title="男">
                        <input type="radio" name="sex" value="女" title="女" checked>
                    </div>
                    <input type="checkbox" name="" title="写作" lay-skin="primary" checked>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">文本域</label>
                    <div class="layui-input-block">
                        <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
                    </div>
                </div>-->
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn layui-btn-blue" lay-submit lay-filter="user-form-submit">提交</button>
                        <!--<button type="reset" class="layui-btn layui-btn-primary">重置</button>-->
                    </div>
                </div>

            </form>

        </div>
    </div>
</div>

<script>
    //所属部门获取
    $(function(){
        var orgId = $("#orgId").val();
        var orgName = $("#orgName").val();
        if(orgName){
            $("#OrgNumber").html(orgName);
            $("#orgname").val(orgName);
        }
    });

    $(function () {
        var form = layui.form;
        var layer = layui.layer;

        form.render('select'); //刷新select选择框渲染
        // 渲染表单
        /*form.render();
        form.val("user-form", {
            "title": "贤心" // "name": "value"
            ,"sex": "女"
            ,"region": 4
            ,"like[write]": true
            ,"open": false
            ,"desc": "我爱layui"
        });*/


        //监听提交
        form.on('submit(user-form-submit)', function(data){
            $.post('user/addOrUpdateUser',data.field,function (data) {
                layer.msg('保存成功');
                var layerIndex = $("#layerIndex").val();
                if(layerIndex > 0){
                    layer.close(layerIndex);
                    layui.table.reload('userTable',{
                        page:1
                    }); //表格重载
                }
            },'json');

            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });

    });

</script>
